<!DOCTYPE html>
<html lang="zh">
<head>

    <title><?=$this->e($title) ?></title>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="<?=$this->e($description) ?>">
    <meta name="author" content="Xiaoying Riley at 3rd Wave Media">
    <!-- FontAwesome JS-->
    <script defer src="<?=getRes("blog/fontawesome/js/all.min.js")?>"></script>
    <!-- Theme CSS -->
    <link id="theme-style" rel="stylesheet" href="<?php echo getRes("blog/css/theme-".$this->e($theme_id).".css")?>">
    <style>
        .main-wrapper section{
            min-height: calc(100vh - 40px - 60px - 6rem);
            box-sizing: border-box;
        }
        @media (max-width: 991.98px) {
            .main-wrapper section{
                min-height: calc(100vh - 112px - 60px - 6rem);
                box-sizing: border-box;
            }
        }
        .meta span:last-child:after{
            content: '';
        }
    </style>
</head>
<body>
<header class="header text-center">
    <h1 class="blog-name pt-lg-4 mb-0"><a class="no-text-decoration" href="index.html"><?=$this->e($title) ?></a></h1>
    <nav class="navbar navbar-expand-lg navbar-dark" >
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div id="navigation" class="collapse navbar-collapse flex-column" >
            <div class="profile-section pt-3 pt-lg-0">
                <img class="profile-image mb-3 rounded-circle mx-auto" src="<?=$this->e($blogprofile)?>" alt="image" >
                <div class="bio mb-3"><?php echo $description?></div><!--//bio-->
                <hr>
            </div><!--//profile-section-->
            <ul class="navbar-nav flex-column text-start">
                <li class="nav-item">
                    <a class="nav-link <?php if($current=='home'){echo 'active';}?>" href="index.html"><i class="fas fa-home fa-fw me-2"></i>博客首页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link <?php if($current=='archive'){echo 'active';}?>" href="/blog/archive.html"><i class="fa-solid fa-calendar-days fa-fw me-2"></i>归档</a>
                    <a class="nav-link" target="_blank" href="/docs"><i class="fa-solid fa-book fa-fw me-2"></i>QApp文档</a>
                    <a class="nav-link" target="_blank" href="https://gitee.com/withu2018/qapp/"><i class="fa-brands fa-github fa-fw me-2"></i>QApp源码</a>
                    <a class="nav-link <?php if($current=='about'){echo 'active';}?>" href="/blog/about.html"><i class="fas fa-user fa-fw me-2"></i>关于</a>
                </li>
            </ul>
        </div>
    </nav>
</header>
<div class="main-wrapper">
    <div class="cta-section theme-bg-light py-5">
        <div class="container text-center single-col-max-width">
            <div class="single-form-max-width pt-3 mx-auto">
                <form class="signup-form row g-2 g-lg-2 align-items-center" method="get" action="/blog/s">
                    <div class="col-9">
                        <input value="<?=$w?>" placeholder="请输入要搜索关键词" type="text" name="w" class="form-control me-md-1">
                    </div>
                    <div class="col-3">
                        <button style="width: 100%" type="submit" class="btn btn-primary">搜索</button>
                    </div>
                </form><!--//signup-form-->
            </div><!--//single-form-max-width-->
        </div><!--//container-->
    </div>
    <section class="blog-list px-3 py-5 p-md-5">
        <div class="container single-col-max-width">
            <?= $this->section('container') ?>
        </div>
    </section>
    <footer class="footer text-center py-2 theme-bg-dark">
        <small class="copyright"><?php echo str_replace('{year}',date('Y'),$copyright);?></small>
    </footer>
</div><!--//main-wrapper-->
<!-- Javascript -->
<?= $this->section('js') ?>
<script src="<?=getRes("blog/plugins/popper.min.js")?>"></script>
<script src="<?=getRes("blog/plugins/bootstrap/js/bootstrap.min.js")?>"></script>
<!-- //Javascript -->
</body>
</html>
